body {
  background: url('../img/bg.png') center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: "Hack";
}
.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}

.table {
  margin-bottom: 20px;
  background: #000;
}

td {
  width: 12px;
  height: 12px;
  text-align: center;
  font-size: 9px;
}

.control {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.column,
.string {
  padding: 5px 5px;
  width: 50px;
  height: 20px;
  font-size: 18px;
  border: 1px solid #000;
}

button {
  width: 180px;
  padding: 10px 15px;
  font-size: 18px;
  border: 1px solid #000;
  transition: background .4s;
}

button:hover {
  cursor: pointer;
  background: red;
}

.size {
  color: red;
}

